.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-justify-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.divider-vertical {
  width: 0;
  height: 100%;
  border-left: 1px solid #fff;
}

.text-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cursor-pointer {
  cursor: pointer !important;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  cursor: pointer !important;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.45);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  // -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: #fff;
}

// 垂直手风琴
/*
    * 使用范例：
    <transition name="collapse">
        <div class="collapse-item" v-show="x">
            {{content}}
        </div>
    </transition>
*/
.collapse-item {
  overflow: hidden;
}

.collapse-enter-active {
  max-height: 10rem;
  transition: all .35s ease-in;
}

.collapse-leave-active {
  max-height: 10rem;
  transition: all .35s ease-out;
}

.collapse-enter {
  max-height: 0;
}

.collapse-leave-to {
  max-height: 0;
}

// 淡入淡出
.fade-enter-active {
  margin-left: -100%;
  transition: all .25s ease-in;
}

.fade-leave-active {
  margin-right: -100%;
  transition: all .25s ease-in;
}

.h3-input-number {
  border: none !important;
  border-radius: 0 !important;

  &-steps {
    display: none !important;
  }

  &>input {
    padding: 0 !important;
  }
}

.h3-modal-container,
.v-transfer-dom .h3-popup-show{
  z-index: 9999 !important
}

.h3-popup-mask.h3-popup-show{
  z-index: 9998 !important
}